<!-- Title -->
<h3>About Us</h3>

<!-- Pool Description -->
<div id="poolDesc" class="row">
    <div class="col-md-12">
        <p>This pool is using <a target="_blank" href="https://github.com/dvandal/cryptonote-nodejs-pool"><i class="fa fa-github"></i> cryptonote-nodejs-pool</a> software <span id="aboutPoolVersion"></span>.</p>
    </div>
</div>

<!-- Pool Informations -->
<div id="poolInfos" class="row">

    <!-- Automated pool payouts -->
    <div class="col-md-4 col-sm-6">
        <div class="aboutBox hoverExpandEffect">
            <div class="icon">
                <span class="fa fa-money"></span>
            </div>
            <div class="content">
                <div class="title">Automated pool payouts</div>
                <div class="value">Payment as soon as your balance hits the payout minimum</div>
            </div>
        </div>
    </div>
    
    <!-- Detailed live statistics -->
    <div class="col-md-4 col-sm-6">
        <div class="aboutBox hoverExpandEffect">
            <div class="icon">
                <span class="fa fa-area-chart"></span>
            </div>
            <div class="content">
                <div class="title">Detailed live statistics</div>
                <div class="value">Live hashrate, balances and shares</div>
            </div>
        </div>
    </div>

    <!-- Dynamic or fixed difficulty -->
    <div id="fixedDiff" class="col-md-4 col-sm-6">
        <div class="aboutBox hoverExpandEffect">
            <div class="icon">
                <span class="fa fa-lock"></span>
            </div>
            <div class="content">
                <div class="title">Dynamic or fixed difficulty</div>
                <div class="value">Lock your difficulty by adding <span id="fixedDiffSeparator">+</span><em>diff</em> at end of your address</div>
            </div>
        </div>
    </div>

    <!-- Workers monitoring -->
    <div class="col-md-4 col-sm-6">
        <div class="aboutBox hoverExpandEffect">
            <div class="icon">
                <span class="fa fa-server"></span>
            </div>
            <div class="content">
                <div class="title">Monitoring of each rig</div>
                <div class="value">The password you set on connection is used as your worker name</div>
            </div>
        </div>
    </div>
    
    <!-- E-mail notifications -->
    <div id="emailNotification" class="col-md-4 col-sm-6">
        <div class="aboutBox hoverExpandEffect">
            <div class="icon">
                <span class="fa fa-envelope"></span>
            </div>
            <div class="content">
                <div class="title">E-mail notifications</div>
                <div class="value">Get notifications when worker connect to the pool or stop hashing (timeout)</div>
            </div>
        </div>
    </div>
    
    <!-- Direct Mining to Exchange -->
    <div class="col-md-4 col-sm-6">
        <div class="aboutBox hoverExpandEffect">
            <div class="icon">
                <span class="fa fa-exchange"></span>
            </div>
            <div class="content">
                <div class="title">Direct Mining to Exchange</div>
                <div class="value">Support exchanges with payment ID and integrated addresses</div>
            </div>
        </div>
    </div>
    
    <!-- DDOS Protection -->
    <div class="col-md-4 col-sm-6">
        <div class="aboutBox hoverExpandEffect">
            <div class="icon">
                <span class="fa fa-shield"></span>
            </div>
            <div class="content">
                <div class="title">DDOS protection</div>
                <div class="value">Socket flooding detection and IP banning</div>
            </div>
        </div>
    </div>
    
    <!-- Cloud-mining friendly pool -->
    <div class="col-md-4 col-sm-6">
        <div class="aboutBox hoverExpandEffect">
            <div class="icon">
                <span class="fa fa-cloud"></span>
            </div>
            <div class="content">
                <div class="title">Cloud-mining friendly pool</div>
                <div class="value">Support cloud-mining services like NiceHash and others</div>
            </div>
        </div>
    </div>

</div>

<!-- Javascript -->
<script>
currentPage = {
    destroy: function(){
    },
    update: function(){
        updateText('fixedDiffSeparator', lastStats.config.fixedDiffSeparator);    
        if (!lastStats.config.fixedDiffEnabled) $('#fixedDiff').hide();
	if (!lastStats.config.sendEmails) $('#emailsNotification').hide();
	updateText('aboutPoolVersion', lastStats.config.version);
    }
};
</script>